<template>
	<view class="content">
		<view class="content">
			<!--  填充方式  object-fit="cover" -->
			<video :src="src" controls show-center-play-btn :poster="surface"></video>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			src: this.$config.StaticUrl + '/video/useInstruction/WearDevice.mp4',
			surface: this.$config.StaticUrl + '/video/useInstruction/surface/useInstruction.jpg'
		};
	},
	onLoad() {
		// let that = this;
		// if (option.flag != null || option.flag != undefined) {
		// 	switch (option.flag) {
		// 		case '0':
		// 			that.src = that.$config.StaticUrl + '/video/useInstruction/WearDevice.mp4';
		// 			that.surface = that.$config.StaticUrl + '/video/useInstruction/surface/power.jpg';
		// 			break;
		// 		case '1':
		// 			that.src = that.$config.StaticUrl + '/video/useInstruction/ConnectDevice.mp4';
		// 			that.surface = that.$config.StaticUrl + '/video/useInstruction/surface/connect.jpg';
		// 			break;
		// 		case '2':
		// 			that.src = that.$config.StaticUrl + '/video/useInstruction/FastMonitor.mp4';
		// 			that.surface = that.$config.StaticUrl + '/video/useInstruction/surface/fast.jpg';
		// 			break;
		// 		case '3':
		// 			that.src = that.$config.StaticUrl + '/video/useInstruction/DeepMonitor.mp4';
		// 			that.surface = that.$config.StaticUrl + '/video/useInstruction/surface/deep.jpg';
		// 			break;
		// 		case '4':
		// 			that.src = that.$config.StaticUrl + '/video/useInstruction/IndicatorLight.mp4';
		// 			that.surface = that.$config.StaticUrl + '/video/useInstruction/surface/light.jpg';
		// 			break;
		// 	}
		// }
	},
	methods: {}
};
</script>

<style>
page {
	background-color: #000000;
}
.content {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
</style>
